<?php get_header(); ?>  
<?php include(TEMPLATEPATH . '/inc/slider.php'); ?>
 <section id="main"> 
        <article>
            <section id="box">
                <section class="iconbox learning">
                    <h1>Learning</h1>
                    <p>
                        This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh .
                    </p>
                </section>
                <section class="iconbox design">
                    <h1>Design and style</h1>
                    <p>
                        This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh .
                    </p>
                </section>
                <section class="iconbox code">
                    <h1>Code technology</h1>
                    <p>
                        This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh .
                    </p>
                </section>
            </section>
            <section class="join">
                <h1>This is Photoshop's version  of Lorem Ipsum</h1>
                <a href="#">Join now!</a>
            </section>
            <section id="acordion">
                <section class="services">
                    <h1>Services</h1>
                    <ul>
                        <li>
                            <a href="#">click</a>
                            <section>
                                <h3>This is Photoshop's version  of Lorem Ipsum</h3>
                                <p>
                                    This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum
                                </p>
                            </section>
                        </li>
                        <li>
                            <a href="#">click</a>
                            <section>
                                <h3>This is Photoshop's version  of Lorem Ipsum</h3>
                                <p>
                                    This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum
                                </p>
                            </section>
                        </li>
                        <li>
                            <a href="#">click</a>
                            <section>
                                <h3>This is Photoshop's version  of Lorem Ipsum</h3>
                                <p>
                                    This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum
                                </p>
                            </section>
                        </li>
                    </ul>
                </section>
                <section class="form">
                    <h1>Contact us</h1>
                    <form>
                        <fieldset>
                            <input type="text" placeholder="Name"/>
                        </fieldset>
                        <fieldset>
                            <input type="password" placeholder="Password"/>
                        </fieldset>
                        <fieldset>
                            <textarea autofocus placeholder="Messenger">
                            </textarea>
                            <a href="#">send</a>
                        </fieldset>
                    </form>
                </section>
            </section>
            <section id="recent">
                <h1>Recent</h1>
                <section>
                    <button class="prev"></button>
					<button class="next"></button>
					    
					<div class="anyClass">
						<ul>
						    <li>
                                <img src="<?php bloginfo( 'template_directory' ); ?>/img/recent/2.jpg" alt="images" />
                                <h3>aThis is Photoshop</h3>
                            </li>
                            
                            <li>
                                <img src="<?php bloginfo( 'template_directory' ); ?>/img/recent/2.jpg" alt="images" />
                                <h3>This is Photoshop</h3>
                            </li>
                            
                            <li>
                                <img src="<?php bloginfo( 'template_directory' ); ?>/img/recent/2.jpg" alt="images" />
                                <h3>This is Photoshop</h3>
                            </li>
                            
                           <li>
                                <img src="<?php bloginfo( 'template_directory' ); ?>/img/recent/2.jpg" alt="images" />
                                <h3>This is Photoshop</h3>
                            </li>
                            
                             <li>
                                <img src="<?php bloginfo( 'template_directory' ); ?>/img/recent/2.jpg" alt="images" />
                                <h3>This is Photoshop</h3>
                            </li>
                            
                             <li>
                                <img src="<?php bloginfo( 'template_directory' ); ?>/img/recent/2.jpg" alt="images" />
                                <h3>This is Photoshop</h3>
                            </li>
						    
						</ul>
					</div>
                </section>
            </section>
        </article>
    </section><!--end main-->
   <?php get_footer(); ?>